@charset "utf-8";
/* ============================================================ web css reset  ============================================================ */
.gray{ background: #f0f0f0 }
.main_center{width: 1200px;margin: 0 auto;}
.header_top{width: 100%;height: 40px;background: #101010;line-height: 40px;}
.header_top .header_tell{float: left;font-size: 16px;color: #909090;height: 40px;overflow: hidden;}
.header_top .header_tell em{font-family: "DIN-Bold";font-size: 18px;color: #e1cf5e;}
.header_top  .h_t_right{float: right;height: 40px;}
.header_top  .h_t_right a{font-family: "宋体";font-size: 14px;color: #fff;}
.header_top  .h_t_right a i{display: inline-block;width: 15px;height: 14px;position: relative;top: 2px;margin-right: 5px;}
.header_top  .h_t_right a i.dowload{background: url('../bg/header_dowload.png') no-repeat;}
.header_top  .h_t_right a i.in{background: url('../bg/header_in.jpg') no-repeat;}
.header_top  .h_t_right a span{width: 1px;height: 12px;display: inline-block;background: #909090;margin: 0 15px 0 20px;}
.header_top  .h_t_right a:hover{color: #919191;}
.header_top  .h_t_right a em{width: 14px;height: 14px;display: inline-block;background: url('../bg/header_in_r.png') no-repeat;margin-left: 20px;position: relative;top: 2px;}

.header_nav{width: 100%; height: 100px; background: #BFA99C; position: relative; z-index: 500;}
.header_nav .main_center{position: relative;}
.header_nav .header_logo{width: 202px;height: 42px;margin-top: 12px;float: left;}
.header_nav .header_logo img{width: 100%;}
.header_nav  .menu_href{float: right;height: 100px;line-height: 115px;position: relative;}
.header_nav  .menu_href ul{height: 100%;position: relative;}
.header_nav  .menu_href ul li{height: 100%;float: left;padding-left: 30px;}
.header_nav  .menu_href ul li a.href_one{display: block;font-size: 14px;color: #fff;height: 100%;position: relative;}
.header_nav  .menu_href ul li a.href_one em{width: 28px;height: 12px;display: none;position: absolute;right: 0;top: 35px;background: #E1CF5E;line-height: 12px;text-align: center;
	color: #284e28;font-size: 6px;font-family: '6pxbus';text-transform: uppercase;}
.header_nav  .menu_href ul li.bn a.href_one em{display: block;}
.header_nav  .menu_href ul li a.href_one i{width: 16px;height: 8px;position: absolute;left: 0;right: 0;bottom: 0;margin: auto;
	background: url('../bg/header_nav_li_bg.png') no-repeat;display: none;}
.header_nav  .menu_href ul li.on a.href_one i{display: block;}
.header_nav  .menu_href ul li .li_con{position: absolute;width: 1300px;left: 0;top: 100px;background: #C6C6C6;line-height: 50px;display: none;}
.header_nav  .menu_href ul li .li_con a{margin-left: 60px;display: block;height: 100%;color: #fff;font-family: "宋体";font-size: 14px;float: left;}
.header_nav  .menu_href ul li .li_con a.on{color: #000000;}
.header_nav  .menu_href ul li .li_con a:hover{color: #000000;}


.header_nav .header_link{width: 120px;height: 35px;background: #E1CF5E;float: right;margin-top: 36px;margin-left: 60px;line-height: 35px;position: relative;}
.header_nav .header_link i{width: 16px;height: 15px;display: block;background: url('../bg/header_link.jpg') no-repeat;top: 10px;left: 15px;position: absolute;}
.header_nav .header_link a{font-size: 12px;display: block;width: 100%;height: 100%;color: #000000;text-indent: 35px}


.footer{position: relative;background: #262829;padding: 75px 0 145px;overflow: hidden;}
.footer .back_top{width: 24px;height: 53px;background: url('../bg/back_top.png') no-repeat;right: 50%; margin-right: -650px; bottom: 50%;position: fixed;cursor: pointer;z-index: 100;}
.footer .footer_left{width: 330px;float: left;}
.footer .footer_left h3{font-family: "DIN-Black";font-size: 30px;color: #5c5c5c;text-transform: uppercase;}
.footer .footer_left h3 em{;font-size: 24px;color: #fff;font-weight: normal;position: relative;top: -2px;margin-left: 5px; font-family: "微软雅黑"}
.footer .footer_left ul.kk{overflow: hidden;margin-top: 45px;width: 345px;}
.footer .footer_left ul.kk li{margin-top: 15px;float: left;width: 100px;height: 60px;margin-right: 15px;position: relative;}
.footer .footer_left ul.kk li .search_href{position: absolute;width: 92px;height: 52px;background: rgba(0,0,0,.5);border: 4px solid #5E9A5E;left: 0;top: 0;display: none;}
.footer .footer_left ul.kk li .search_href i{width: 18px;height: 18px;display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;
	background: url('../bg/search_a.png') no-repeat;}
.footer .footer_left ul.kk li:hover .search_href{display: block;}
.footer .footer_left .f_l_image{overflow: hidden;margin-top: 40px;}
.footer .footer_left .f_l_image .weixin{width: 120px;height: 120px;float: left;}
.footer .footer_left .f_l_image .miaoshu{}
.footer .footer_left .f_l_image .miaoshu img{width: 160px;height: 56px;}
.footer .footer_left .f_l_image .miaoshu p{font-size: 14px;color: #fff;line-height: 18px;height: 36px;overflow: hidden;margin-top: 16px;}
.footer .footer_left .f_l_image .miaoshu p i{width: 20px;height: 36px;display: block;float: left;background: url('../bg/footer_adress_i.png') no-repeat;margin-right: 9px;}
.footer .footer_left .f_l_image .miaoshu span{font-family: 'DIN-Light';font-size: 14px;color: #fff;line-height: 18px;height: 36px;overflow: hidden;margin-top: 16px;display: block;}
.footer .footer_left .f_l_image .miaoshu span i{width: 20px;height: 36px;display: block;float: left;background: url('../bg/footer_tell_i.png') no-repeat;margin-right: 9px;}
.footer .footer_left .f_l_image .miaoshu span em{font-size: 12px;}

.footer .footer_right{float: right;width: 760px;position: relative;}
.footer .footer_right h3{margin-bottom: 20px; position: absolute; right: 0; top: 40px;}
.footer .footer_right h3 img{ display: block; width: 80px; }
.footer .footer_right h3 em{ display: block; font-size: 16px;color: #fff;font-weight: normal;position: relative;top: -2px;margin-left: 5px; font-family: "微软雅黑"; margin-top: 10px;}
.footer .footer_right ul{overflow: hidden;position: relative;}
.footer .footer_right ul li{width: 380px;float: left;margin-top: 35px;}
.footer .footer_right ul li:nth-child(2){ margin-top: 100px; }
.footer .footer_right ul li:nth-child(2n){ float: right; }
.footer .footer_right ul li .wrap{margin-left: 55px;width: 350px;}
.footer .footer_right ul li .wrap a{font-size: 14px;color: #5c5c5c;float: left;display: block;width: 175px;margin-top: 12px;transition: .3s all ease-out; -webkit-transition: .3s all ease-out; -moz-transition: .3s all ease-out;}
.footer .footer_right ul li .wrap a.first{color: #fff;display: block;width: 100%;padding-bottom: 10px; float: none; margin-top: 0}
.footer .footer_right ul li.mid{}
.footer .footer_right ul li .wrap a:hover{color: #fff;}
.footer .footer_right ins{width: 1px;height: 100%;position: absolute;right: 382px;bottom: 0;display: block;background: #515354;}

#bottom_fixed{width: 100%;height: 80px;background: #BFA99C;position: fixed;left: 0;bottom: 0;z-index: 1000;}
#bottom_fixed .main_center{position: relative;}
#bottom_fixed .header_logo{width: 170px;height: 42px;margin-top: 8px;float: left;}
#bottom_fixed .header_logo img{width: 100%;}
#bottom_fixed .bottom_fixed_form{float: right;}
#bottom_fixed .bottom_fixed_form img{width: 130px;height: 100%;float: left;}
#bottom_fixed .bottom_fixed_form input{font-size: 14px;color: #c2c2c2;line-height: 40px;width: 200px;height: 40px;float: left;background: #fff;border: 0;
	margin: 20px 0 0 10px;text-indent: 15px;}
#bottom_fixed .bottom_fixed_form .select{font-size: 14px;color: #c2c2c2;line-height: 40px;width: 200px;height: 40px;float: left;background: #fff;border: 0;
	margin: 20px 0 0 10px;text-indent: 15px;cursor: pointer;position: relative;}
#bottom_fixed .bottom_fixed_form .select .lessonkinds{ display: block;font-size: 14px;color: #c2c2c2;line-height: 40px;width: 200px;height: 40px; margin: 0;}	
#bottom_fixed .bottom_fixed_form .select ul{overflow: hidden;position: absolute;width: 100%;bottom: 40px;left: 0;display: none;}
#bottom_fixed .bottom_fixed_form .select ul li{font-size: 14px;color: #c2c2c2;line-height: 40px;width: 200px;height: 40px;background: #fff;border: 0;
	cursor: pointer;text-align: center;border-bottom: 1px solid #535353;}
#bottom_fixed .bottom_fixed_form .select i{width: 16px;height: 10px;display: block;position: absolute;top: 15px;right: 10px;background: url('../bg/foot_select_i.jpg') no-repeat;}
#bottom_fixed .bottom_fixed_form .select i.up{background: url('../bg/foot_select_i_up.jpg') no-repeat;}
#bottom_fixed .bottom_fixed_form .sub{font-size: 18px;line-height: 40px;width: 120px;height: 40px;float: left;background: #E1CF5E;border: 0;
	margin: 20px 0 0 10px;text-align: center;cursor: pointer;position: relative;display: block;font-weight: bold;color: #284e28;}


.index_Banner{position: relative;z-index: 110; height: 770px; overflow: hidden;}
.index_Banner .bd{ position: absolute; width: 770px; width: 1920px; top: 0; left: 50%; margin-left: -960px; }
.index_Banner .bd li img{display: block; width: 100%;}
.index_Banner .hd{width: 100%;position: absolute;height: 30px;text-align: center;z-index: 10;bottom: 30px;}
.index_Banner .hd .pageState{font-family: "DIN-Light";font-size: 24px;color: #fff;}
.index_Banner .hd .pageState span{font-size: 36px;font-family: 'DIN-Black';margin-right: 8px;}
.index_Banner .hd .prev{display: inline-block;width: 32px;height: 16px;background: url('../bg/index_prev.png') no-repeat;
	animation: index_prev 2s infinite linear;position: relative;z-index: 20;}
.index_Banner .hd .next{display: inline-block;width: 32px;height: 16px;background: url('../bg/index_next.png') no-repeat;
	animation: index_next 2s infinite linear;position: relative;z-index: 20;}
@keyframes index_prev{
	from{opacity: 0;margin-right: 40px;}
	to{opacity: 1;margin-right: 80px;}
}
@keyframes index_next{
	from{opacity: 0;margin-left: 40px;}
	to{opacity: 1;margin-left: 80px;}
}
.index_Banner .show_banner{position: absolute;width: 100%;bottom: 170px;z-index: 50;text-align: center;}
.index_Banner .show_banner a{width: 125px;height: 125px;border-radius: 50%;background: #fff;display: inline-block;margin-left: 35px;}
.index_Banner .show_banner a span{font-size: 26px;color: #222629;padding-top: 40px;display: inline-block;}
.index_Banner .show_banner a p{font-family: "DIN-Light";font-size: 10px;color: #222629;text-transform: uppercase;}


/*tip*/
.tip{ background: #f3f3f3; height: 50px; }
.tip p{ text-align: left; line-height: 50px; font-size: 12px; color: #a3a3a3; font-family: "宋体";}
.tip p a{color: #a3a3a3; transition: .3s all ease-out; -webkit-transition: .3s all ease-out; -moz-transition: .3s all ease-out;}
.tip p a:hover,.tip p a.on{color: #284e28;}
/*tip end*/

/*title*/
.title{position: relative; text-align: center; padding: 67px 0; margin-bottom: 24px;}
.title span{ display: inline-block; position: relative; text-align: center;}
.title span font{ display: inline-block; font-size: 46px; color: #8c8c8c; text-transform: uppercase;font-family: "DIN-Light"; }
.title span code{ display: inline-block; font-size: 46px; color: #284e28; margin-left: 8px;}
.title i{ width: 605px; height: 1px; position: absolute; top: 30px;}
.title i.c1{ left: 0; margin-left: -650px; background: url(../bg/line_01.png) no-repeat 0 0;}
.title i.c2{ right: 0; margin-right: -650px; background: url(../bg/line_02.png) no-repeat 0 0;}
/*title end*/

/*graduate*/

.graduate{ margin-bottom: 50px; }
.t_graduate{ margin-bottom: 55px; }
.t_graduate dl{ overflow: hidden; }
.t_graduate dl dt{ float: left; width: 507px; height: 324px; border: 1px solid #f3f3f2; padding: 27px 43px;}
.t_graduate dl dt img{ display: block; width: 100% }
.t_graduate dl dd{ float: left; margin-left: 120px; margin-top: 76px;}
.t_graduate dl dd ins{ display: block; margin: 0; width: 150px; height: 1px; background: #cfcfcf; }
.t_graduate dl dd big{ display: block; font-family: 'EffraHeavy'; font-size: 40px; margin-bottom: 48px; color: #494949; text-transform: uppercase; margin-top: 43px}
.t_graduate dl dd span{ display: block; font-size: 14px; color: #303030; line-height: 24px;}
.t_graduate dl dd p{ font-size: 14px; color: #303030; line-height: 30px; margin-top: 30px;}
.t_graduate dl dd small{ display: block; font-size: 12px; color: #303030; line-height: 20px; font-family: "Verdana"; margin-top: 10px;}
.b_graduate{ }
.l_graduate{ float: left; width: 260px;}
.l_graduate big{ display: block; font-size: 40px; color: #494949; font-family: 'EffraHeavy'; text-transform: uppercase; letter-spacing: -3px; margin-bottom: 17px;}
.l_graduate h3{ font-size: 36px; color: #316d31; font-weight: bold; line-height: 40px;}
.l_graduate h3 i{ color: #303030 }
.l_graduate ins{display: block; margin: 157px 0 67px; width: 27px; height: 27px; background: url(../bg/add.png) no-repeat 0 0;}
.l_graduate tt{display: block; margin: 0 0 38px; width: 150px; height: 1px; background: #cfcfcf;}
.l_graduate dl{ margin-bottom: 58px; }
.l_graduate dl dt{display: block; font-size: 16px; color: #303030; font-weight: bold; margin-bottom: 30px;}
.l_graduate dl dd{display: block; font-size: 14px; color: #303030; overflow: hidden; line-height: 30px;}
.l_graduate dl dd i{float: left; margin-right: 12px; margin-top: 15px; width: 4px; height: 4px; background: #707070; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;}
.r_graduate{ float: right; margin-top: 190px; width: 940px; overflow: hidden; position: relative; right: -62px;}
.r_graduate .bd{ width: 878px; height: 526px; position: relative; z-index: 10; padding-top: 62px; margin: 0;}
.r_graduate .hd{ position: absolute; width: 190px; height: 588px; background: #cee0f8; right: 0; top: 0; z-index: 9}
.r_graduate .hd ins{ position: absolute; width: 105px; height: 1px; background: #87a4ca; top: 33px; left: -33px; }
.r_graduate .hd ul{position: absolute; top: 275px; right: 32px; width: 6px;}
.r_graduate .hd ul li{ cursor: pointer; display: block; text-indent: -1000px; width: 4px; height: 4px; margin: 15px 0; border: 1px solid #4f6788; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; transition: .3s all ease-out; -webkit-transition: .3s all ease-out; -moz-transition: .3s all ease-out;}
.r_graduate .hd ul li.on{ background: #4f6788 }
.r_graduate em{ display: block; margin-top: 60px;}
.r_graduate em span{ display: block; font-size: 16px; color: #303030; font-weight: bold; text-align: right; margin-bottom: 3px;}
.r_graduate em small{ display: block; font-size: 10px; color: #727171; text-align: right; font-family: "Verdana"; margin-bottom: 20px; }
/*graduate end*/

/*people*/
.people{ position: relative; overflow: hidden; }
.people img{ position: relative; left: 50%; margin-left: -960px; width: 1920px; }
/*people end*/

/*students*/
.students{ margin-bottom: 88px; margin-top: 167px;}
.students big{ display: block; width: 1200px; margin: 0 auto 21px; font-size: 40px; color: #494949; line-height: 33px; text-transform: uppercase; font-family: 'EffraHeavy';}
.students span{ display: block; width: 1200px; margin: 0 auto 59px; font-size: 18px; color: #303030; font-weight: bold;}
.students dl{ margin-top: 237px; height: 347px; position: relative;}
.students dl:nth-child(3){ margin-top: 0 }
.students dl dt{ width: 600px; height: 380px; position: absolute; padding: 33px 37px; bottom: 0; }
.students dl dd{ width: 600px; position:absolute; top: 50px }
.students dl:nth-child(2n) dt{ left: 50%; margin-left: -600px; }
.students dl:nth-child(2n) dd{ right: 50%; margin-right: -600px; text-align: right; }
.students dl:nth-child(2n-1) dt{ right: 50%; margin-right: -600px; }
.students dl:nth-child(2n-1) dd{ left: 50%; margin-left: -600px; }
.students dl:nth-child(3){ background: #f4eff7 }
.students dl:nth-child(3) dt{ background: #f4eff7 }
.students dl:nth-child(4){ background: #ecf5f3 }
.students dl:nth-child(4) dt{ background: #ecf5f3 }
.students dl:nth-child(5){ background: #f2ebe9 }
.students dl:nth-child(5) dt{ background: #f2ebe9 }
.students dl dd font{ display: block; font-size: 20px; color: #131313; font-weight: bold; margin-bottom: 27px; }
.students dl dd p{ display: block; font-size: 14px; color: #303030; line-height: 30px; }
/*students end*/

/*publish*/
.publish{ position: relative; margin-bottom: 125px;}
.b_publish{ position: absolute; width: 379px; height: 356px; left: 50%; margin-left: 167px; top: 44px; padding: 30px 0;}
.b_publish .bd ul li{ position: relative; }
.b_publish .bd ul li img{ display: block; width: 100%; }
.b_publish .bd ul li span{ left: 0; width: 100%; position: absolute; font-size: 16px; text-align: center; color: #838383; bottom: 20px; }
.b_publish .prev{ position: absolute; width: 21px; height: 11px; background: url(../bg/tb.png) no-repeat 0 0; top: 0; left: 50%; margin-left: -10px;}
.b_publish .next{ position: absolute; width: 21px; height: 11px; background: url(../bg/tb.png) no-repeat 0 -11px; bottom: 0; left: 50%; margin-left: -10px;}
/*publish end*/

/*founder*/
.founder{ margin-bottom: 113px;}
.founder dl{position: relative; margin-top: 380px;}
.founder dl:first-child{position: relative; margin-top: 130px;}
.founder dl dt{	position: absolute;}
.founder dl:nth-child(2n-1) dt{ left: 50%; margin-left: -250px; top: -170px; }
.founder dl:nth-child(2n) dt{ right: 50%; margin-right: -110px; top: -185px; }
.founder dl dd{ position: relative; }
.founder dl:nth-child(2n-1) dd{ left: 50%; margin-left: -580px; }
.founder dl:nth-child(2n) dd{ left: 50%; margin-left: 240px; }
.founder dl dd h3{ font-weight: normal; overflow: hidden; margin-bottom: 36px;}
.founder dl dd h3 big{float: left; font-size: 60px; color: #284e28; font-weight: bold; margin-right: 17px;}
.founder dl dd h3 font{float: left; font-size: 24px; color: #999; font-family: "DIN-Light"; text-transform: uppercase; margin-top: 45px;}
.founder dl dd h3 i{float: left; width: 1px; height: 18px; background: #e6e6e6; margin: 50px 10px 0;}
.founder dl dd h3 span{float: left; font-size: 20px; color: #284e28; margin-top: 45px;}
.founder dl dd ul{}
.founder dl dd ul li{ font-size: 14px; color: #3e3d3d; line-height: 40px; }
.founder dl dd tt.c1{ display: block; width: 382px; height: 61px; margin: 7px 0 0; background: url(../bg/yj_01.png) no-repeat 0 0;}
.founder dl dd tt.c2{ display: block; width: 390px; height: 41px; margin: 7px 0 0; background: url(../bg/yj_02.png) no-repeat 0 0;}
/*founder end*/

/*teacher*/
.teacher{ overflow: hidden; }
.teacher dl{ float: left; width: 578px; margin-bottom: 58px;}
.teacher dl:nth-child(2n){ float: right; }
.teacher dl dt{ display: block; border: 1px solid #eee; padding: 15px; margin-bottom: 42px; overflow: hidden;}
.teacher dl dt tt{ display: block; width: 546px; height: 314px; overflow: hidden; }
.teacher dl dt img{ display: block; transition: .3s all ease-out; -webkit-transition: .3s all ease-out; -moz-transition: .3s all ease-out;}
.teacher dl dd{ display: block; border-bottom: 1px solid #eeeeed; padding-bottom: 15px;}
.teacher dl dd span{ font-size: 24px; color: #284e28; display: block; margin-bottom: 17px;}
.teacher dl dd p{ font-size: 14px; color: #545454; text-align: justify; line-height: 28px; }
.teacher dl:hover dt img{ transform: scale(1.05,1.05); -webkit-transform: scale(1.05,1.05); -moz-transform: scale(1.05,1.05); }
/*teacher end*/

/*pages*/
.pages { text-align: center; border-bottom: 1px solid #d7d7d7; border-top: 1px solid #d7d7d7; font-size: 0; margin-top: 35px;}
.pb{ padding-bottom: 140px; }
.pages a { display: inline-block; width: 60px; height: 60px; line-height: 60px; font-size: 14px; color: #333; text-align: center; border-right: 1px solid #d7d7d7; transition: all .3s ease-out; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out;}
.pages a.prev,.pages a.next{ background-color: transparent; width: 150px; position: relative; vertical-align: -24px;}
.pages a.next{border-right: none;}
.pages a.prev i,.pages a.next i{ width: 10px; height: 16px; left: 50%; margin-left: -5px; top: 50%; margin-top: -8px; position: absolute; background-image: url(../bg/lrlr.png);  background-repeat: no-repeat;transition: all .3s ease-out; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out;}
.pages a.prev i{ background-position: 0 0;}
.pages a.next i{ background-position: -10px 0;}
.pages a.current { color: #fff; background: #6cabec;}
.pages a:hover { color: #fff; background: #6cabec;}
.pages a.prev:hover i{ background-position: 0 -16px;}
.pages a.next:hover i{ background-position: -10px -16px;}
/*pages end*/

/*honor*/
.honor{ padding-top: 136px ;padding-bottom: 164px;}
.honorlist{ margin-bottom: 70px; position: relative; }
.honorlist .bd{	background: #fff; width: 1030px; height: 610px; padding: 25px;}
.honorlist .prev{ width: 30px; height: 30px; position: absolute; left: 0; top: 313px; background: url(../bg/lr.png) no-repeat 0 0; transition: all .3s ease-out; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out;}
.honorlist .next{ width: 30px; height: 30px; position: absolute; right: 0; top: 313px; background: url(../bg/lr.png) no-repeat -30px 0; transition: all .3s ease-out; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out;}
.honorlist .prev:hover{ background: url(../bg/lr.png) no-repeat 0 -30px; }
.honorlist .next:hover{ background: url(../bg/lr.png) no-repeat -30px -30px; }
.honorlist h3{ text-align: center; font-size: 20px; color: #282828; font-weight: normal; width: 1080px; margin: 0 auto; border-bottom: 1px solid #dcdcdc; margin-top: 26px; padding-bottom: 24px;}
/*honor end*/

/*customization*/
.customization{}
.customizationlist{ position: relative; }
.t_customizationlist{ position: relative; }
.t_customizationlist big{ position: absolute; color: #f9f9f9; font-size: 260px; text-transform: uppercase; line-height: 200px; font-family: 'Montserrat-Bold'; letter-spacing: -20px; z-index: 2;;}
.t_customizationlist tt{ display: block; position: relative; height: 492px; width: 1560px; background: #bac1c5; right: 50%; margin-right: -600px; z-index: 3; }
.t_customizationlist .customization_img{ position: absolute; z-index: 4 }
.t_customizationlist em{ position: absolute; z-index: 4; }
.t_customizationlist em font{ display: block; font-size: 80px; color: #fff; font-family: 'Montserrat-Bold'; text-transform: uppercase; margin-bottom: 14px;}
.t_customizationlist em i{ display: block; width: 1px; height: 41px; background: #fff; margin: 0 0 40px 25px;}
.t_customizationlist em small{ display: block; font-size: 20px; font-family: 'Montserrat-Light'; text-transform: uppercase; letter-spacing: -1px;}
.t_customizationlist em span{ display: block; font-size: 36px; font-weight: bold; color: #fff; line-height: 36px;}
.b_customizationlist{ width: 1200px; margin: 0 auto; }
.b_customizationlist dl{ overflow: hidden; }
.b_customizationlist dl dt{ overflow: hidden; }
.b_customizationlist dl dt img{ float: left; }
.b_customizationlist dl dd{ overflow: hidden; margin-top: 17px;}
.b_customizationlist dl dd span{ float: left; margin-bottom: 33px; text-align: center; font-size: 20px; color: #3a3a3a; line-height: 57px; border: 1px solid #c9c9c9; border-radius: 57px; -webkit-border-radius: 57px; -moz-border-radius: 57px;}

.customizationlist_01{ margin-bottom: 158px }
.customizationlist_01 big{ top: 116px; left: 50%; margin-left: 0}
.customizationlist_01 tt{ height: 492px; width: 1560px; background: #bac1c5; right: 50%; margin-right: -600px; }
.customizationlist_01 .customization_img{ top: -25px; position: absolute; left: 50%; margin-left: -256px; }
.customizationlist_01 em{ left: 50%; margin-left: -600px; top: 40px; }
.customizationlist_01 em small{ color: #d3dade}
.customizationlist_01 .t_customizationlist{ margin-bottom: 154px }
.customizationlist_01 .b_customizationlist dl dt{ float: left; }
.customizationlist_01 .b_customizationlist dl dd{ float: right; }
.customizationlist_01 .b_customizationlist dl dd{ width: 909px;}
.customizationlist_01 .b_customizationlist dl dd span{ width: 289px; margin-left: 12px;}

.customizationlist_02{ margin-bottom: 252px }
.customizationlist_02 big{ top: -98px; left: 0; margin-left: -20px}
.customizationlist_02 tt{ height: 583px; width: 1402px; background: #f8af72; left: 50%; margin-left: -442px; }
.customizationlist_02 .customization_img{ top: 164px; position: absolute; right: 50%; margin-right: -461px;}
.customizationlist_02 em{ left: 50%; margin-left: 250px; top: 40px; }
.customizationlist_02 em small{ color: #fad1af}
.customizationlist_02 .t_customizationlist{ margin-bottom: 75px }
.customizationlist_02 .b_customizationlist dl dt{ float: right; }
.customizationlist_02 .b_customizationlist dl dd{ float: left; }
.customizationlist_02 .b_customizationlist dl dd{ width: 909px;}
.customizationlist_02 .b_customizationlist dl dd span{ width: 289px; margin-right: 12px;}

.customizationlist_03{ margin-bottom: 174px }
.customizationlist_03 big{ top: 222px; left: 50%; margin-left: -20px}
.customizationlist_03 tt{ height: 570px; width: 1487px; background: #f3797f; right: 50%; margin-right: -527px; }
.customizationlist_03 .customization_img{ bottom: -57px; position: absolute; left: 50%; margin-left: -291px;}
.customizationlist_03 em{ left: 50%; margin-left: -600px; top: 40px; }
.customizationlist_03 em small{ color: #f4a8ac}
.customizationlist_03 .t_customizationlist{ margin-bottom: 120px }
.customizationlist_03 .b_customizationlist dl dt{ float: left; }
.customizationlist_03 .b_customizationlist dl dd{ float: right; }
.customizationlist_03 .b_customizationlist dl dd{ width: 897px;}
.customizationlist_03 .b_customizationlist dl dd span{ width: 289px; margin-right: 12px;}
.customizationlist_03 .b_customizationlist dl dd span:nth-child(3){ margin-right: 0;}
.customizationlist_03 .b_customizationlist dl dd span:nth-child(4){ width: 199px; margin-right: 31px;}
.customizationlist_03 .b_customizationlist dl dd span:nth-child(5){ width: 199px; margin-right: 31px;}
.customizationlist_03 .b_customizationlist dl dd span:nth-child(6){ width: 199px; margin-right: 31px;}
.customizationlist_03 .b_customizationlist dl dd span:nth-child(7){ width: 199px; margin-right: 0;}

.customizationlist_04{ margin-bottom: 190px }
.customizationlist_04 big{ top: 14px; left: 50%; margin-left: -438px; z-index: 4; color: #849adc}
.customizationlist_04 tt{ height: 570px; width: 1402px; background: #7f94d2; left: 50%; margin-left: -442px; }
.customizationlist_04 .customization_img{ top: 134px; position: absolute; right: 50%; margin-right: -611px;}
.customizationlist_04 em{ left: 50%; margin-left: 250px; top: 40px; }
.customizationlist_04 em small{ color: #fad1af}
.customizationlist_04 .t_customizationlist{ margin-bottom: 75px }
.customizationlist_04 .b_customizationlist dl dt{ float: right; }
.customizationlist_04 .b_customizationlist dl dt img{ margin-left: 29px; }
.customizationlist_04 .b_customizationlist dl dd{ float: left; }
.customizationlist_04 .b_customizationlist dl dd{ width: 606px;}
.customizationlist_04 .b_customizationlist dl dd span{ width: 289px; margin-right: 12px;}

/*customization end*/

/*woyoso*/
.woyoso{}
.woyoso dl{ margin-bottom: 90px; }
.woyoso dl dt{ width: 1050px; margin: 0 auto; position: relative; }
.woyoso dl dt img{ display: block; width: 100% }
.woyoso dl dt ins{ position: absolute; width: 41px; height: 41px; top: 0; left: -75px; background: url(../bg/ten.png) no-repeat 0 0; }
.woyoso dl dt i{ position: absolute; width: 100px; height: 91px; top: 148px; left: -75px; }
.woyoso dl dt i.c1{ background: url(../bg/woyoso_01.png) no-repeat 0 0; }
.woyoso dl dt i.c2{ background: url(../bg/woyoso_02.png) no-repeat 0 0; }
.woyoso dl dt i.c3{ background: url(../bg/woyoso_03.png) no-repeat 0 0; }
.woyoso dl dd{ width: 970px; margin: 50px auto 0; }
.woyoso dl dd h3{ font-size: 30px; color: #284e28; font-weight: normal; overflow: hidden; margin-bottom: 46px;}
.woyoso dl dd h3 b{ font-size: 40px; color: #3e3d3d; float: left; font-weight: bold; text-transform: uppercase; font-family: 'Montserrat-Bold'; line-height: 42px; margin-right: 10px;}
.woyoso dl dd em{ display: block; overflow: hidden; margin-top: 55px; margin-bottom: 32px;}
.woyoso dl dd em b{ float: left; font-size: 16px; color: #3e3d3d; font-weight: bold; line-height: 29px; margin-right: 26px; }
.woyoso dl dd em font{ float: left; font-size: 14px; color: #3e3d3d; text-align: center; line-height: 27px; margin-left: 19px; padding: 0 30px; border: 1px solid #dcdcdc; border-radius: 27px; -webkit-border-radius: 27px; -moz-border-radius: 27px;}
.woyoso dl dd p{ font-size: 14px; color: #3e3d3d; text-align: justify; line-height: 30px; margin-bottom: 22px; }
.woyoso dl dd span{ display: block; }
.woyoso dl dd span font{ display: block; overflow: hidden; font-size: 14px; color: #3e3d3d; line-height: 30px; }
.woyoso dl dd span font b{ margin-left: 45px; }
.woyoso ul{ overflow: hidden; width: 1044px; margin: 0 auto 137px; }
.woyoso ul li{ float: left; width: 318px; margin-right: 45px; margin-bottom: 63px;}
.woyoso ul li:nth-child(3n){ margin-right: 0 }
/*woyoso end*/

/*design*/
.design{ padding: 80 0px; }
.design ul{overflow: hidden;}
.design ul li{ float: left; }
.design ul li:nth-child(2n){ float: right; }
.design ul li a{ display: block; width: 640px; height: 342px; overflow: hidden; }
.design ul li a:first-child{ margin-bottom: 24px}
.design ul li a img{ display: block; overflow: hidden; transition: .3s all ease-out; -webkit-transition: .3s all ease-out; -moz-transition: .3s all ease-out;}
.design ul li:nth-child(2n) a{ display: block; width: 539px; height: 708px; overflow: hidden;}
.design ul li a:hover img{ transform: scale(1.05,1.05); -webkit-transform: scale(1.05,1.05); -moz-transform: scale(1.05,1.05); }
/*design end*/

/*tit*/
.tit{position: relative; text-align: center; padding: 61px 0 0; margin-bottom: 50px;}
.tit ins{ display: block; margin: 0 auto 10px;}
.tit ins.c1{ width: 53px; height: 37px; background: url(../bg/m1.png) no-repeat 0 0 }
.tit ins.c2{ width: 63px; height: 28px; background: url(../bg/m2.png) no-repeat 0 0 }
.tit ins.c3{ width: 44px; height: 42px; background: url(../bg/m3.png) no-repeat 0 0 }
.tit span{ display: block; position: relative; text-align: center; font-size: 44px; color: #3e3d3d; font-weight: bold; margin-bottom: 27px;}
.tit i{ width: 416px; height: 9px; position: absolute; top: 26px;}
.tit i.c1{ right: 50%; margin-right: 180px; background: url(../bg/lt1.png) no-repeat 0 0;}
.tit i.c2{ left: 50%; margin-left: 180px; background: url(../bg/lt2.png) no-repeat 0 0;}
.tit p{ text-align: center; font-size: 18px; color: #3e3d3d; line-height: 30px; }
/*tit end*/

/*progress*/
.progress{ overflow: hidden; text-align: center; }
.progress span{ font-size: 16px; color: #2d2d2d; font-weight: bold; margin: 0 30px; display: inline-block; text-align: center; width: 114px; height: 114px; border-radius: 50%; -weblit-border-radius: 50%; -moz-border-radius: 50%; line-height: 114px; }
.progress span.c1{ border: 2px solid #f1d1b6 }
.progress span.c2{ border: 2px solid #bbe5e4 }
.progress span.c3{ border: 2px solid #cab8ec }
.progress span.c4{ border: 2px solid #f5c6d1 }
.progress span.c5{ border: 2px solid #e8ed9d }
.progress i{ width: 0; height: 0; display: inline-block; border-left: 9px solid #eee; border-top: 9px solid #eee; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 0 solid transparent;  }
/*progress end*/

/*curson*/
.curson{ margin-top: 28px; }
.curson h3{ font-weight: lighter; font-size: 30px; color: #284e28; text-align: center; }
.curson h3 b{ font-weight: bold; }
.curson small{ display: block; font-size: 14px; color: #bcbcbc; text-align: center; text-transform: uppercase; font-weight: lighter; }
.curson ul{ overflow: hidden; margin-top: 26px;}
.curson ul li{ float: left; width: 600px; }
.curson ul li em{ float: left; width: 240px; height: 318px; padding: 0 30px; position: relative; padding-top: 75px; overflow: hidden; }
.curson ul li em img{ float: left; width: 300px; }
.curson ul li:nth-child(1) em{ background: #5d8ad7 }
.curson ul li:nth-child(2) em{ background: #66ced1 }
.curson ul li:nth-child(3) em{ background: #f09fa5 }
.curson ul li:nth-child(4) em{ background: #f2aa78 }
.curson ul li em font{ display: block; color: #fff; font-size: 28px; font-weight: lighter; margin-bottom: 23px; }
.curson ul li em font b{ font-weight: bold; }
.curson ul li em i{ display: block; width: 20px; height: 1px; background: #fff; margin: 0; }
.curson ul li em span{ display: block; font-weight: bold; font-size: 18px; margin-top: 27px; }
.curson ul li:nth-child(1) em span{ color: #0e449a }
.curson ul li:nth-child(2) em span{ color: #108f93 }
.curson ul li:nth-child(3) em span{ color: #ce4b54 }
.curson ul li:nth-child(4) em span{ color: #bb5d1b }
.curson ul li em p{ font-size: 12px; margin-top: 0; text-align: justify; color: #fff; margin-top: 6px; }
.curson ul li em a{ position: absolute; width: 101px; height: 33px; text-align: center; line-height: 33px; border: 1px solid #fff; font-size: 12px; color: #fff; font-family: "宋体"; left: 30px; bottom: 53px; }
.curson ul li em big{ position: absolute; font-size: 200px; line-height: 180px; letter-spacing: -15px; font-family: 'DIN-Black'; bottom: -36px; right: -24px; }
.curson ul li:nth-child(1) em big{ color: #5886d5 }
.curson ul li:nth-child(2) em big{ color: #58cacd }
.curson ul li:nth-child(3) em big{ color: #ed979e }
.curson ul li:nth-child(4) em big{ color: #f2a36c }
/*curson end*/

/*team*/
.team{ position: relative; height: 618px; overflow: hidden; }
.team img{ position: absolute; left: 50%; margin-left: -960px; height: 618px; }
/*team end*/

/*curriculum*/
.curriculum{ position: relative; margin-bottom: 142px; overflow: hidden; }
.curriculum .bd{}
.curriculum .bd ul{}
.curriculum .bd ul li{ float: left; width: 392px; margin-right: 12px;}
.curriculum a.prev{ width: 21px; height: 31px; position: absolute; left: 0; z-index: 10; top: 127px; background-image: url(../bg/l.png); background-color: rgba(255,255,255,0.5); z-index: 10; transition: .3s all ease-out; -webkit-transition: .3s all ease-out; -moz-transition: .3s all ease-out; }
.curriculum a.next{ width: 21px; height: 31px; position: absolute; right: 0; z-index: 10; top: 127px; background-image: url(../bg/r.png); background-color: rgba(255,255,255,0.5); z-index: 10; transition: .3s all ease-out; -webkit-transition: .3s all ease-out; -moz-transition: .3s all ease-out; }
.curriculum a.prev:hover{ background-color: rgba(40,78,40,1); }
.curriculum a.next:hover{ background-color: rgba(40,78,40,1); }
/*curriculum end*/

/*news*/
.news{ overflow: hidden; }
.news a{ float: left; width: 380px; margin-right: 30px; margin-bottom: 90px;}
.news a:nth-child(3n){ margin-right: 0;}
.news a dl{}
.news a dl dt{ display: block; width: 380px; height: 200px; overflow: hidden; position: relative; }
.news a dl dt img{ display: block; width: 100%; }
.news a dl dt i{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0); transition: .3s all ease-out; -webkit-transition: .3s all ease-out; -moz-transition: .3s all ease-out; }
.news a dl dd{ display: block; margin-top: 26px }
.news a dl dd span{ display: block; font-size: 18px; color: #000; margin-bottom: 16px; }
.news a dl dd ins{ display: block; width: 40px; height: 1px; background: #d6d6d6; margin: 0; }
.news a dl dd p{ display: block; font-size: 14px; color: #999; height: 36px; line-height: 18px; text-align: justify; margin-top: 16px; font-family: "宋体"; }
.news a:hover dl dt i{ background: rgba(0,0,0,0.5); }
/*news end*/

/*newsdetail*/
.newsdetail{ margin-bottom: 150px; }
.newsdetail h3{ text-align: center; font-size: 34px; color: #000; font-weight: normal; margin-bottom: 35px; }
.newsdetail p{ font-size: 14px; color: #999; font-family: "宋体"; text-align: justify; line-height: 24px; }
.newsdetail img{display: block; margin: 0 auto;}
/*newsdetail end*/

/*yoga*/
.yoga{}
.yogalist{ position: relative; padding-top: 76px; padding-bottom: 122px; }
.yogalist:nth-child(2n-1){ background: #f3f3f3 }
.yogalist .bd{ background: #fff; width: 1200px; height: 707px; margin-bottom: 51px;}
.yogalist .hd{ border-bottom: 1px solid #c9c9c9 }
.yogalist .hd ul{ width: 1200px; margin: 0 auto; overflow: hidden; }
.yogalist .hd ul li{ float: left; margin-right: 12px; width: 190px; padding-bottom: 20px; position: relative; cursor: pointer; }
.yogalist .hd ul li:nth-child(6n){ margin-right: 0; }
.yogalist .hd ul li img{ display: block; width: 100%; }
.yogalist .hd ul li i{ position: absolute; bottom: -1px; width: 100%; height: 6px; background: rgba(253,205,1,0); transition: .3s all ease-out; -webkit-transition: .3s all ease-out; -moz-transition: .3s all ease-out; }
.yogalist h3{ text-align: center; font-size: 36px; color: #284e28; font-weight: normal;  border-bottom: 1px solid #dbdbdb; position: relative; padding-bottom: 15px; width: 1200px; margin: 0 auto 32px; }
.yogalist h3 i{ position: absolute; bottom: -1px; width: 190px; height: 1px; background: #aeaeae; left: 50%; margin-left: -95px; }
.yogalist .hd ul li.on i{ background: rgba(253,205,1,1); }
/*yoga end*/

/*instructor*/
.instructor{ overflow: hidden; }
.instructor dl{ float: left; width: 578px; margin-bottom: 58px;}
.instructor dl:nth-child(2n){ float: right; }
.instructor dl dt{ display: block; border: 1px solid #eee; padding: 15px; margin-bottom: 11px; overflow: hidden;}
.instructor dl dt tt{ display: block; width: 546px; height: 314px; overflow: hidden; }
.instructor dl dt img{ display: block; transition: .3s all ease-out; -webkit-transition: .3s all ease-out; -moz-transition: .3s all ease-out;}
.instructor dl dd{ display: block; border-bottom: 1px solid #eeeeed; padding-bottom: 15px;}
.instructor dl dd p{ font-size: 14px; color: #545454; text-align: justify; line-height: 28px; }
.instructor dl:hover dt img{ transform: scale(1.05,1.05); -webkit-transform: scale(1.05,1.05); -moz-transform: scale(1.05,1.05); }
/*instructor end*/

/*coach*/
.coach{ background: #f6f7f9; height: 768px; position: relative; padding-top: 112px; }
.coach img{ position: absolute; bottom: 70px; left: 50%; margin-left: -44px; }
.coach h3{ font-size: 80px; color: #383838; text-transform: uppercase; font-family: 'Montserrat-Bold'; letter-spacing: -7px; line-height: 74px; }
.coach h3 i{ color: #355a35; }
.coach font{ display: block; font-size: 26px; color: #717171; margin-bottom: 2px; }
.coach font b{ color: #284e28; }
.coach big{ display: block; font-size: 46px; color: #383838; line-height: 46px; margin-bottom: 20px; }
.coach big b{ color: #efc01d; }
.coach tt{ display: block; background: #e7e7e7; height: 1px; width: 100%; margin: 0; position: relative; }
.coach tt i{ width: 33px; height: 5px; background: #284e28; left: 0; bottom: -2px; position: absolute; }
.coach small{ display: block; font-size: 14px; color: #9b9b9b; text-transform: uppercase; line-height: 16px; font-family: 'Arial'; margin-top: 24px; }
.coach ul{ margin-top: 42px; }
.coach ul li{ margin-bottom: 46px; }
.coach ul li i{ display: block; width: 88px; height: 88px; margin: 0; }
.coach ul li i.c1{ background: url(../bg/coach_01.png) no-repeat 0 0; }
.coach ul li i.c2{ background: url(../bg/coach_02.png) no-repeat 0 0; }
.coach ul li span{ display: block; font-size: 24px; color: #3e3d3d; margin-top: 19px; margin-bottom: 3px; }
.coach ul li ins{ display: block; font-size: 14px; color: #9b9b9b; text-transform: uppercase; line-height: 16px; font-family: 'Arial'; }
/*coach end*/

/*insist*/
.insist{ margin-top: 71px; }
.t_insist{}
.t_insist font{ display: block; font-size: 28px; line-height: 33px; color: #3e3d3d; font-weight: lighter; }
.t_insist font b{ color: #fff; font-weight: bold; color: #fff; background: #242424; display: inline-block; width: 33px; height: 33px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; text-align: center; }
.t_insist big{ display: block; font-size: 52px; color: #d24749; line-height: 50px; font-weight: bold; margin-bottom: 16px; }
.t_insist tt{ display: block; background: #e7e7e7; height: 1px; width: 100%; margin: 0; position: relative; }
.t_insist tt i{ width: 33px; height: 5px; background: #284e28; left: 0; bottom: -2px; position: absolute; }
.t_insist small{ display: block; font-size: 14px; color: #9b9b9b; text-transform: uppercase; line-height: 16px; font-family: 'Arial'; margin-bottom: 35px; }
.m_insist{ margin-top: 33px; }
.m_insist ins{ display: block; margin: 0 0 21px; width: 183px; height: 59px; background: url(../bg/no.png) no-repeat 0 0; }
.m_insist ul{ overflow: hidden; }
.m_insist ul li{ float: left; text-indent: 31px; font-size: 18px; color: #3e3d3d; line-height: 69px; width: 579px; height: 69px; background: #e9eaeb; border: 1px solid #e5e5e5; margin-bottom: 10px; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; }
.m_insist ul li:nth-child(2n){ float: right; }
.b_insist{ margin-top: 62px; position: relative;}
.b_insist ins{ display: block; margin: 0 0 16px; width: 192px; height: 59px; background: url(../bg/yes.png) no-repeat 0 0; }
.b_insist tt{ display: block; width: 786px; height: 692px; border: 1px dotted #c4c4c4; padding-top: 94px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; position: relative; }
.b_insist tt code{ display: block; padding: 57px; width: 474px; height: 474px; border: 1px dotted #c4c4c4; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background: #f7f7f7; }
.b_insist tt code img{ display: block; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
.b_insist big{ position: absolute; font-size: 360px; color: #f8f9fc; text-transform: uppercase; font-family: 'DIN-Black'; left: 50%; margin-left: -600px; letter-spacing: -40px; width: 100%; top: 200px; }
.b_insist em{ position: absolute; top: 189px; width: 100%; }
.b_insist em dl{ position: absolute; top: 0; left: 0; width: 320px; }
.b_insist em dl:nth-child(2n){ right: 0; left: auto; }
.b_insist em dl:nth-child(3){ top: 378px; width: 276px; }
.b_insist em dl:nth-child(4){ top: 378px; width: 276px; }
.b_insist em dl dt{ position: absolute; width: 84px; height: 84px; position: absolute; }
.b_insist em dl dt.c1{ background: url(../bg/insist_01.png) no-repeat 0 0; right: 0}
.b_insist em dl dt.c2{ background: url(../bg/insist_02.png) no-repeat 0 0; left: 0}
.b_insist em dl dt.c3{ background: url(../bg/insist_03.png) no-repeat 0 0; right: 0}
.b_insist em dl dt.c4{ background: url(../bg/insist_04.png) no-repeat 0 0; left: 0}
.b_insist em dl dd{ position: absolute; width: 192px; position: absolute; top: 6px; text-align: left; left: 0; }
.b_insist em dl:nth-child(2n) dd{ text-align: right; right: 0; left: auto; }
.b_insist em dl:nth-child(3) dd{ top: 0; width: 178px; }
.b_insist em dl:nth-child(4) dd{ top: 0; width: 178px; }
.b_insist em dl dd span{ display: block; font-size: 20px; color: #3e3d3d; font-weight: bold; margin-bottom: 11px; }
.b_insist em dl dd p{ font-size: 16px; color: #3e3d3d; text-align: justify; line-height: 26px }
.b_insist a{ display: block; font-size: 18px; color: #3e3d3d; background: #f6f6f6; line-height: 52px; text-align: center; margin-top: 60px; }
/*insist end*/

/*how*/
.how{ margin-top: 71px; }
.t_how{ margin-bottom: 59px; }
.t_how font{ display: block; font-size: 28px; line-height: 33px; color: #3e3d3d; font-weight: lighter; }
.t_how font b{ color: #fff; font-weight: bold; color: #fff; background: #242424; display: inline-block; width: 33px; height: 33px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; text-align: center; }
.t_how big{ display: block; font-size: 52px; color: #3cb170; line-height: 50px; font-weight: bold; margin-bottom: 4px; }
.t_how tt{ display: block; background: #e7e7e7; height: 1px; width: 100%; margin: 0; position: relative; }
.t_how tt i{ width: 33px; height: 5px; background: #284e28; left: 0; bottom: -2px; position: absolute; }
.t_how span{ display: block; font-size: 18px; color: #284e28; margin-bottom: 36px; }
.m_how{}
.m_how ul{ overflow: hidden; }
.m_how ul li{ float: left; width: 350px; padding: 27px 24px; border-right: 1px solid #eee; border-bottom: 1px solid #eee; }
.m_how ul li:nth-child(3n+1){ border-left: 1px solid #eee; }
.m_how ul li:nth-child(1){ border-top: 1px solid #eee; }
.m_how ul li:nth-child(2){ border-top: 1px solid #eee; }
.m_how ul li:nth-child(3){ border-top: 1px solid #eee; }
.m_how ul li big{ display: block; font-family: 'DINAlternate-Bold'; font-size: 40px; padding-top: 15px; margin-bottom: 26px; }
.m_how ul li big i{ display: inline-block; width: 13px; height: 3px; margin-left: 5px; }
.m_how ul li big.c1{ color: #a73737 }
.m_how ul li big.c2{ color: #62a768 }
.m_how ul li big.c3{ color: #31c2b6 }
.m_how ul li big.c4{ color: #5976d4 }
.m_how ul li big.c5{ color: #218d75 }
.m_how ul li big.c6{ color: #7f5233 }
.m_how ul li big.c1 i{ background: #a73737 }
.m_how ul li big.c2 i{ background: #62a768 }
.m_how ul li big.c3 i{ background: #31c2b6 }
.m_how ul li big.c4 i{ background: #5976d4 }
.m_how ul li big.c5 i{ background: #218d75 }
.m_how ul li big.c6 i{ background: #7f5233 }
.m_how ul li span{ display: block; font-size: 20px; color: #474747; margin-bottom: 52px; }
.m_how a{ display: block; font-size: 18px; color: #3e3d3d; background: #f6f6f6; line-height: 52px; text-align: center; margin-top: 60px; }
/*how end*/

/*choose*/
.choose{ margin-top: 71px; }
.t_choose{ margin-bottom: 59px; }
.t_choose font{ display: block; font-size: 28px; line-height: 33px; color: #3e3d3d; font-weight: lighter; }
.t_choose font b{ color: #fff; font-weight: bold; color: #fff; background: #242424; display: inline-block; width: 33px; height: 33px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; text-align: center; }
.t_choose big{ display: block; font-size: 52px; color: #f79b17; line-height: 50px; font-weight: bold; margin-bottom: 54px; }
.t_choose tt{ display: block; background: #e7e7e7; height: 1px; width: 100%; margin: 0; position: relative; }
.t_choose tt i{ width: 33px; height: 5px; background: #284e28; left: 0; bottom: -2px; position: absolute; }
.m_choose{ background: #f6f6f9; height: 863px; position: relative; }
.choose_01{ position: absolute; top: -73px; left: 50%; margin-left: -617px; }
.choose_02{ position: absolute; top: 142px; right: 50%; margin-right: -676px; }
.choose_03{ position: absolute; bottom: -170px; left: 50%; margin-left: -145px; }
.m_choose big{ position: absolute; font-size: 360px; color: #f0f0f4; text-align: right; text-transform: uppercase; font-family: 'DIN-Black'; right: 0; letter-spacing: -40px; width: 100%; bottom: -72px;}
/*choose end*/

/*learn*/
.learn{ position: relative; margin-top: 70px; height: 572px; }
.clock{ position: absolute; left: 50%; margin-left: -960px; top: 0; }
.learn ul{ text-align: center; font-size: 0; padding-top: 232px; }
.learn ul li{ display: inline-block; margin: 0 27px; width: 176px; height: 176px; padding: 11px; border: 1px dashed #eee; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
.learn ul li span{ text-align: center; display: block; width: 176px; height: 176px; line-height: 176px; font-size: 20px; font-weight: bold; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
.learn ul li span.c1{ background: #dde3f5; color: #7389c9 }
.learn ul li span.c2{ background: #fbf6a2; color: #e38d1d }
.learn ul li span.c3{ background: #fdc8c8; color: #b94e4e }
.learn ul li span.c4{ background: #ddf2d2; color: #61ac3a }
/*learn end*/

/*welfare*/
.welfare{position: relative; overflow: hidden; height: 625px;}
.t_welfare{ position: absolute; left: 50%; margin-left: -960px; top: 0; height: 625px; z-index: 2 }
.b_welfare{ position: absolute; top: 114px; width: 870px; height: 420px; left: 50%; margin-left: -494px; background: #fff; z-index: 3; padding: 0 59px; }
.b_welfare big{ display: block; font-size: 36px; color: #efe3d7; text-transform: uppercase; font-family: 'DIN-Black'; padding-top: 72px; margin-left: 22px; }
.b_welfare span{ display: block; font-size: 20px; color: #744425; font-weight: bold; margin-bottom: 18px; margin-left: 22px; }
.b_welfare ins{ display: block; margin: 0 0 0 22px; width: 25px; height: 3px; background: #744425; }
.b_welfare dl{ overflow: hidden; margin-top: 21px; }
.b_welfare dl dt{ float: right; }
.b_welfare dl dd{ float: left; width: 524px; margin-top: 9px; }
.b_welfare dl dd p{ text-indent: 22px; border-bottom: 1px dashed #efebe8; font-size: 16px; color: #3e3d3d; font-weight: lighter; padding-bottom: 8px; padding-top: 27px; }
.b_welfare dl dd p b{ font-weight: bold; color: #b27c59 }
/*welfare end*/

/*qa*/
.qa{ margin-top: 130px; }
.qa dl{ margin-bottom: 72px; }
.qa dl dt{ overflow: hidden; padding-bottom: 15px; border-bottom: 1px solid #eee; margin-bottom: 15px; }
.qa dl dt i{ float: left; width: 85px; height: 33px; background: url(../bg/qs.png) no-repeat 0 0; margin-right: 23px; }
.qa dl dt ins{ float: left; width: 28px; height: 28px; background: url(../bg/q.png) no-repeat 0 0; margin-right: 14px; }
.qa dl dt big{ float: left; font-size: 26px; color: #284e28; font-weight: bold; line-height: 29px; }
.qa dl dd{ overflow: hidden; }
.qa dl dd i{ float: left; width: 85px; height: 33px; background: url(../bg/as.png) no-repeat 0 0; margin-right: 23px; }
.qa dl dd ins{ float: left; width: 28px; height: 28px; background: url(../bg/a.png) no-repeat 0 0; margin-right: 16px; margin-top: 3px; }
.qa dl dd big{ float: left; font-size: 26px; color: #284e28; font-weight: bold; line-height: 29px; }
.qa dl dd em{ float: left; width: 1048px; margin-top: -9px; }
.qa dl dd em p{ font-size: 18px; color: #3e3d3d; line-height: 50px; }
/*qa end*/

/*may*/
.may{position: relative; overflow: hidden; height: 355px;}
.t_may{ position: absolute; left: 50%; margin-left: -960px; top: 0; height: 355px; z-index: 2 }
.b_may{ position: absolute; top: 89px; width: 100%;  z-index: 3; }
.b_may big{ display: block; font-size: 60px; color: #fff; font-weight: bold; text-align: center; line-height: 60px; margin-bottom: 7px; }
.b_may span{ display: block; font-size: 32px; color: #fff; text-align: center;}
.b_may small{ display: block; font-size: 10px; color: #f3f3f3; text-align: center; text-transform: uppercase; font-size: 10px; margin-bottom: 38px; }
.b_may a{ display: block; width: 261px; height: 53px; text-align: center; background: #f4e064; line-height: 53px; font-size: 20px; color: #262829; font-weight: bold; }
/*may end*/

/*about*/
.about{ position: relative;	}
.about img{ position: relative; left: 50%; margin-left: -960px;}
/*about end*/

/*contact*/
.contact{ background: #284e28; padding: 122px 0 114px; }
.contact dl{ background: #fff; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; margin-bottom: 100px; overflow: hidden; }
.contact dl dt{ display: block; }
.contact dl dt img{ display: block; width: 100%; }
.contact dl dd{ background: #fff; padding: 0 60px 38px; }
.contact dl dd h3{ font-size: 30px; font-weight: bold; padding-top: 36px; margin-bottom: 32px; }
.contact dl.c1 dd h3{ color: #284e28 }
.contact dl.c2 dd h3{ color: #dd8c64 }
.contact dl.c3 dd h3{ color: #e1cf5e }
.contact dl.c4 dd h3{ color: #c1d041 }
.contact dl dd em{ position: relative; display: block; }
.contact dl dd em p{ overflow: hidden; margin-bottom: 11px; }
.contact dl dd em p ins{ float: left; margin-right: 20px; margin-top: 6px; width: 12px; height: 12px; background-image: url(../bg/gou.png); background-position: 0 0; background-repeat: no-repeat; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
.contact dl.c1 dd em p ins{ background-color: #284e28 }
.contact dl.c2 dd em p ins{ background-color: #dd8c64 }
.contact dl.c3 dd em p ins{ background-color: #e1cf5e }
.contact dl.c4 dd em p ins{ background-color: #c1d041 }
.contact dl dd em p i{ color: #999; float: left; font-size: 16px; margin-right: 35px; }
.contact dl dd em a{ right: 60px; bottom: 0; position: absolute; width: 168px; height: 50px; text-align: center; line-height: 50px; font-size: 16px; color: #fff; font-weight: lighter; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; }
.contact dl.c1 dd em a{ background: #284e28 }
.contact dl.c2 dd em a{ background: #dd8c64 }
.contact dl.c3 dd em a{ background: #e1cf5e }
.contact dl.c4 dd em a{ background: #c1d041 }
/*contact end*/